<template>
  <div class="index">
    <commonHeader></commonHeader>
    <div class="banner">
      <img class="banner-img"
        src="~@/assets/img/VR.jpg"
        alt="">
      <div class="banner-text">
        <div class="text">全景惠元</div>
        <div class="introduct">
          那不勒斯精致豪华 <br>
          在东方重新演绎传奇 <br>
          <br>
          总有一个地方 <br>
          能洗涤疲惫净化心灵 <br>
          总有一个港湾 <br>
          可以滋养内在绽放美丽 <br>
          <br>
          惠元花园 <br>
          生命的幸福正在发芽 <br>
          放眼望去 <br>
          皆是美好
        </div>
      </div>
    </div>


    <commonFooter></commonFooter>
  </div>

</template>

<script lang="ts">


import { Component, Vue } from "vue-property-decorator";
import commonHeader from "@/components/headers.vue";
import commonFooter from "@/components/footer.vue";
@Component({
  name: "panorama",
  components: {
    commonHeader,
    commonFooter,
  },
})
export default class serve extends Vue {



  }
</script>


<style lang="scss" scoped>
  @import '~@/assets/scss/panorama.scss';
</style>